<template>
    <div>
        <!-- 底部导航 -->
  <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000">
    <van-tabbar-item  icon="home-o" to="/home">首页</van-tabbar-item>
    <van-tabbar-item  icon="orders-o" to="/topic">专题</van-tabbar-item>
    <van-tabbar-item  icon="apps-o" to="/category">分类</van-tabbar-item>
    <van-tabbar-item  icon="cart-o" to="/shopcart">购物车</van-tabbar-item>
    <van-tabbar-item  icon="user-o" to="/user">我的</van-tabbar-item>
  </van-tabbar>
    </div>
</template>

<script>
export default {
    data () {
        return {
            // active:0,
 
        }
    },
    computed:{
        active:{
            get(){
                return this.$route.meta.tabbarNum
            },
            set(){}
        }
    }
}
</script>
 
<style lang = "less" scoped>
    
</style>